
<template>
<div class="buylist">
    <div class="bg"></div>
    <van-nav-bar id="van-bar" :title="title" fixed :border="border" left-arrow @click-left="onClickLeft">
            <template #left>
                <img :style="{width:widthPx,height:heightPx}" src="@/assets/iconPerfectInformation/nav_back@2x.png" />
            </template>
        </van-nav-bar>
        <div  :style="'margin-top:'+topheight+'px;height:calc(100vh - '+topheight+'px);width:100%;overflow:auto;'">
        <van-cell-group>
  <van-cell title="用户服务协议" is-link url="/setting/xieyi?num=4" />
  <van-cell title="用户隐私政策" is-link url="/setting/xieyi?num=3" />
  <van-cell title="内容发布须知" is-link url="/setting/xieyi?num=5" />
  <van-cell title="第三方SDK说明" is-link url="/setting/xieyi?num=2" />
  <van-cell title="个人信息采集说明" is-link url="/setting/xieyi?num=1" />
    </van-cell-group>
        </div>
   
  </div>
 
</template>

<script>
export default {
  data(){
      return{
        border:'',
        widthPx:'28px',
        heightPx:'28px',
        topheight:0,
        title:'设置',
      }
    },
    mounted(){
      this.topheight=document.getElementById("van-bar").offsetHeight
        
    },
   
    methods:{
      onClickLeft(){
        this.$router.back()
      }
    }
}
</script>

<style  scoped>


 .van-cell::after{
    border-color: #D8D8D8;
}
.van-cell__value{
    color: #1A1A1A;
    font-weight: 500;
}
</style>